<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    理论上1px已经是最小单位了，那如何画一条0.5px的线呢？
    有以下两种方法

    解决方法
    采用meta viewport的方式
    <meta name="viewport" content="width=device-width, initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5"/>
    1
    这样子就能缩放到原来的0.5倍，如果是1px那么就会变成0.5px

    要记得viewport只针对于移动端，只在移动端上才能看到效果

    采用transform: scale()的方式
    transform: scale(0.5,0.5);
</body>
</html>